// 缝纫店核销情况排名
$(function () {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main2'));
    // 指定图表的配置项和数据
    var option = {
        grid: {
            top: '0',
            left: '0',   //图表距边框的距离
            right: '20',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            max: '600',
            /*boundaryGap: [0, 0.01],*/
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // x坐标轴的轴线颜色
                    width:0, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            axisLabel: {
                show: false
                /*textStyle: {
                    fontSize: 16,
                    color:'#666'
                }*/
            },
        },
        yAxis: {
            type: 'category',
            data: ['党员', '优抚家庭', '孤老家庭孤老家庭', '失孤家庭', '单亲家庭', '低保家庭', '犯罪前科'],
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // y坐标轴的轴线颜色
                    width:1, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            axisLabel: {
                textStyle: {
                    fontSize: 14,
                    color: '#333'
                }
            },
        },
        series: [
            {
                type: 'bar',
                barWidth: '16',

                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(28, 147, 153, 0.06)',
                    barBorderRadius: [8, 8, 8, 8],
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: [8, 8, 8, 8],
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#3BC3C7'
                        }, {
                            offset: 1,
                            color: '#1C9399'
                        }]),
                        label: {
                            show: true,//是否展示
                            position: 'right',
                            textStyle: {
                                fontSize: 14,
                                color: '#333',
                            }
                        },
                    }
                },
                data: [100, 200, 300, 400, 150, 550, 360],
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    $("div#main2").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });
})

// 优惠券使用年龄分布
$(function () {


    //优惠券使用年龄大饼图
    getUserinfoAge();

    // 近6月优惠券使用率
    getPinCount();

    getBenYueBenNian(1, 1);

    //选项卡监听
    layui.use('element', function () {
        var element = layui.element;
        element.on('tab(liveConditionFilter)', function (data) {
            // console.log(data.elem.context.value);
            //获取理发店本月核销
            getBenYueBenNian(1, data.elem.context.value);
            getLayerOpenData(1, data.elem.context.value)
            flag = data.elem.context.value
        });
    });

    //缝纫管本月核销
    getBenYueBenNian(2, 1);

    //选项卡监听
    layui.use('element', function () {
        var element = layui.element;
        element.on('tab(liveConditionFilter2)', function (data) {
            // console.log(data.elem.context.value);
            //缝纫管本月、本年核销
            getBenYueBenNian(2, data.elem.context.value);
            getLayerOpenData2(2, data.elem.context.value);
            flag = data.elem.context.value
        });
    });

    //选项卡监听
    /*    layui.use('element', function () {
            var element = layui.element;
            element.on('tab(liveConditionFilter2)', function (data) {
                // console.log(data.elem.context.value);
                //缝纫管本月、本年核销
                getBenYueBenNian(2, data.elem.context.value);
            });
        });*/


    // 近12月优惠券使用趋势图
    getLast12Months();

    getLayerOpenData(1, 1)
    getLayerOpenData2(2, 1);

});

//加载年龄数据
function getUserinfoAge() {
    var myChart = echarts.init(document.getElementById('main3'));

    var option = {
        color: ['#5B8FF9', '#42C3AF', '#1C9399', '#FFC15E', '#FA675C', '#30A4FF'],
        legend: {
            selectedMode: false, //取消图例上的点击事件
            orient: 'vertical',
            right: '0',
            y: 'center',
            itemWidth: 8,
            itemHeight: 8,
            itemGap: 9, //图例之间的间距
            textStyle: {
                color: '#333',
                fontSize: 12,
                padding: [4, 0, 0, 10]
            },
        },
        series: [{
            name: '',
            type: 'pie',
            radius: 100,
            center: ['40%', 'center'],
            avoidLabelOverlap: false,
            hoverAnimation: false,   //  防止点击变大事件

            itemStyle: {
                normal: {
                    label: {
                        show: true,
                        formatter: function (data) {
                            return data.percent.toFixed(0) + "%";
                        },
                        textStyle: {
                            color: '#333'
                        },
                        padding: [0, 0], //文字和图的边距
                        rich: {
                            b: { //value 文字样式
                                fontSize: 12,
                                lineHeight: 60,
                                align: 'center',
                                color: '#333'
                            },
                        }
                    },
                    show: true,
                    borderColor: '#fff',
                    borderWidth: 1,
                },
            },

            data: [],
        }],
    };

    myChart.setOption(option);

    // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option);
    $("div#main3").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });


    var startTime = $("#time1").val();
    var endTime = $("#time2").val();
    var orgId = $("#selectParentOrg").data("orgid");
    var data = {startTime: startTime, endTime: endTime, orgId: orgId}

    $.ajax({
        url: "../data/getUserinfoAge",
        type: "get",
        async: false,
        data: data,
        dataType: "json",
        success: function (data) {

            if (data.code == 200 && data.data.length > 0) {
                $(".ages").css("display", "")
                $("#m3").css("display", "none")
                // 填入数据
                myChart.setOption({
                    series: [{
                        data: data.data,
                    }]
                });
                console.log(data.data)
            } else {
                $(".ages").css("display", "none")
                $("#m3").css("display", "")
            }
        }
    })
}


//近六月核销率
function getPinCount() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main4'));
    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '近6月优惠券使用率',
            textStyle: {
                fontSize: 20,
                fontWeight: 'bold',
                fontFamily: 'PingFangSC-Semibold, PingFang SC',
                color: '#000',
            },
            left: '0',
            padding: [5, 0, 0, 0]
        },
        legend: {
            selectedMode: false, //取消图例上的点击事件
            right: '0',
            itemWidth: 8,
            itemHeight: 8,
            itemGap: 20, //图例之间的间距
            textStyle: {
                color: '#999',
                fontSize: 12,
                padding: [2, 0, 0, 5]
            },
            data: ['月发放总数', '月核销总数', '核销率']
        },
        grid: {
            top: '60',
            left: '0',   //图表距边框的距离
            right: '0',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            /*boundaryGap: false,*/

            axisLabel: {
                textStyle: {
                    color: '#333',
                    fontSize: 12,
                },
            },
            axisTick: {
                show: false  //去掉y轴刻度线
            },

            axisLine: {
                show: true,
                lineStyle: {
                    color: 'rgba(0, 0, 0, 0.45)',
                    width: '1'
                }
            },
            data: []
        },
        yAxis: [
            {
                type: 'value',
                min: 0,
                splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'rgba(0, 0, 0, 0.15)',
                        width: '1'
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: '#333',
                        fontSize: 12,
                    },

                },

                axisTick: {
                    show: false  //去掉y轴刻度线
                },
                //坐标轴颜色
                axisLine: {
                    show: false,
                    /* lineStyle:{
                        color:'rgba(0, 0, 0, 0.15)',
                    	width:'1'
                    } */
                },
            }
        ],
        series: [{
            name: '月发放总数',
            type: 'bar',
            barWidth: '20',
            itemStyle: {
                normal: {
                    barBorderRadius: [2, 2, 0, 0],
                    label: {
                        show: true,//是否展示
                        position: 'top',
                        textStyle: {
                            fontSize: 12,
                            color: '#333',
                        }
                    },
                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 1,
                        color: '#1C9399'
                    }, {
                        offset: 0.3,
                        color: '#3CC5C9'
                    }]),
                }
            },
            data: []
        }, {
            name: '月核销总数',
            type: 'bar',
            barWidth: '20',
            itemStyle: {
                normal: {
                    barBorderRadius: [2, 2, 0, 0],
                    label: {
                        show: true,//是否展示
                        position: 'top',
                        textStyle: {
                            fontSize: 12,
                            color: '#333',
                        }
                    },
                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 1,
                        color: '#FA675C'
                    }, {
                        offset: 0.3,
                        color: '#FDA095'
                    }]),
                }
            },
            data: []
        }, {
            name: '核销率',
            type: 'line',
            symbol: 'none',
            itemStyle: {
                normal: {
                    barBorderRadius: [2, 2, 0, 0],
                    label: {
                        show: true,//是否展示
                        position: 'top',
                        textStyle: {
                            fontSize: 12,
                            color: '#333',
                        }
                    },
                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 1,
                        color: '#FFC15E'
                    }, {
                        offset: 0.3,
                        color: '#FFE297'
                    }]),
                }
            },
            data: []
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    $("div#main4").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });


    var orgId = $("#selectParentOrg").data("orgid");
    var data = {orgId: orgId}

    $.ajax({
        url: "../data/getPinRate",
        type: "get",
        data: data,
        async: false,
        dataType: "json",
        success: function (data) {


            if (data.code == 200) {

                $(".mms").css("display", "")
                $("#m4").css("display", "none");

                // 填入数据
                myChart.setOption({


                    xAxis: {
                        data: data.months,
                    },

                    yAxis: [
                        {
                            max: data.yData,
                            interval: data.interval,
                        }
                    ],
                    series: [{
                        data: data.grant
                    }, {
                        data: data.pin
                    }, {
                        data: data.pin
                    }]
                });
            } else if (data.code == 9999) {
                $(".mms").css("display", "none")
                $("#m4").css("display", "");
            }
        }
    })
}

function getBenYueBenNian(type, flag) {
    // 基于准备好的dom，初始化echarts实例
    if (type == 1) {
        var myChart = echarts.init(document.getElementById('main1'));
    } else if (type == 2) {
        var myChart = echarts.init(document.getElementById('main2'));
    }

    // 指定图表的配置项和数据
    var option = {
        grid: {
            top: '0',
            left: '0',   //图表距边框的距离
            right: '20',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            /*boundaryGap: [0, 0.01],*/
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // x坐标轴的轴线颜色
                    width:0, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            axisLabel: {
                show: false
                /*textStyle: {
                    fontSize: 16,
                    color:'#666'
                }*/
            },
        },
        yAxis: {
            type: 'category',
            data: [],
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // y坐标轴的轴线颜色
                    width:1, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            /* axisLabel : {
                textStyle: {
                    fontSize:12,
                    color:'#333'
                }
            }, */
            axisLabel: {
                textStyle: {
                    fontSize: 12,
                    color: '#333'
                },
                interval: 0,
                formatter: function (params) {   //文字超出用...代替
                    console.log("params")
                    console.log(params)
                    if (params.length > 6)
                        return params.substring(0, 6) + '...';
                    else
                        return params;
                }
                /* formatter: function(value) {
                    if (value.length > 6) {
                        return value.substring(0, 6) + "...";
                    } else {
                        return value;
                    }
                } */
            }
        },
        series: [
            {
                type: 'bar',
                barWidth: '16',

                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(28, 147, 153, 0.06)',
                    barBorderRadius: [8, 8, 8, 8],
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: [8, 8, 8, 8],
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#3BC3C7'
                        }, {
                            offset: 1,
                            color: '#1C9399'
                        }]),
                        label: {
                            show: true,//是否展示
                            position: 'right',
                            textStyle: {
                                fontSize: 12,
                                color: '#333',
                            }
                        },
                    }
                },
                data: [],
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    $("div#main1").css("width", "auto");
    $("div#bennian").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });
    var data = {type: type, flag: flag}
    $.ajax({
        url: "../data/getPinByType",
        type: "get",
        data: data,
        async: false,
        dataType: "json",
        success: function (data) {

            if (data.code == 200) {

                if (data.data.names.length == 0 && type == 2) {
                    $("#data2").css("display", "none");
                    $("#main22").css("display", "");
                    return;
                } else if (data.data.names.length == 0 && type == 1) {
                    $("#data1").css("display", "none");
                    $("#main11").css("display", "");
                    return;
                } else if (data.data.names.length > 0 && type == 1) {
                    $("#data1").css("display", "");
                    $("#main11").css("display", "none");
                } else if (data.data.names.length > 0 && type == 2) {
                    $("#data2").css("display", "");
                    $("#main22").css("display", "none");
                }

                // 填入数据
                myChart.setOption({
                    xAxis: {
                        max: data.data.max,
                    },
                    yAxis: {
                        data: data.data.names,
                    },
                    series: [{
                        data: data.data.data,
                    }]
                });
                console.log(data.data)
            }
        }
    })
}

function getLast12Months() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main5'));

    // 指定图表的配置项和数据
    var option = {
        // title:{
        // 	// text:'近12月优惠券使用趋势图',
        // 	textStyle:{
        // 		fontSize:20,
        // 		fontWeight:'bold',
        // 		fontFamily:'PingFangSC-Semibold, PingFang SC',
        // 		color:'#000',
        // 	},
        // 	left:'0',
        // 	padding: [0, 0, 0, 0]
        // },
        // legend: {
        // 	selectedMode: false, //取消图例上的点击事件
        // 	right: '0',
        // 	itemHeight: 8,
        // 	itemGap: 30, //图例之间的间距
        // 	textStyle: {
        // 		color: '#999',
        // 		fontSize: 12,
        // 		padding: [2, -5, 0, 5]
        // 	},
        // 	data:['理发店','缝纫店']
        // },
        grid: {
            top: '50',
            left: '0',   //图表距边框的距离
            right: '0',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            /*boundaryGap: false,*/

            axisLabel: {
                textStyle: {
                    color: '#333',
                    fontSize: 12,
                },
            },
            axisTick: {
                show: false  //去掉y轴刻度线
            },

            //坐标轴颜色
            axisLine: {
                show: true,
                lineStyle: {
                    color: 'rgba(0, 0, 0, 0.45)',
                    width: '1'
                }
            },
            data: []
        },
        yAxis: [
            {
                type: 'value',
                min: 0,
                max: 600,
                interval: 200,
                splitLine: {
                    show: true,
                    lineStyle: {
                        color: '#eee',
                        width: '1'
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: '#333',
                        fontSize: 12,
                    },

                },

                axisTick: {
                    show: false  //去掉y轴刻度线
                },
                //坐标轴颜色
                axisLine: {
                    show: false,
                },
            }
        ],
        series: [
            {
                name: '理发店',
                type: 'line',
                smooth: true,
                itemStyle: {
                    normal: {
                        barBorderRadius: [2, 2, 0, 0],
                        label: {
                            show: true,//是否展示
                            position: 'top',
                            textStyle: {
                                fontSize: 12,
                                color: '#333',
                            }
                        },
                        color: '#5B8FF9'
                    },

                },
                areaStyle: {
                    normal: {
                        //前四个参数代表位置 左下右上，如下表示从上往下渐变色 紫色到暗蓝色，
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                {offset: 0, color: 'rgba(91, 143, 249, 1)'},
                                {offset: 1, color: 'rgba(91, 143, 249, 0)'}
                            ]
                        )
                    }
                },

                data: []
            },
            {
                name: '缝纫店',
                type: 'line',
                smooth: true,
                itemStyle: {
                    normal: {
                        barBorderRadius: [2, 2, 0, 0],
                        label: {
                            show: true,//是否展示
                            position: 'top',
                            textStyle: {
                                fontSize: 12,
                                color: '#333',
                            }
                        },
                        color: 'rgba(28, 148, 154, 1)'
                    },

                },
                areaStyle: {
                    normal: {
                        //前四个参数代表位置 左下右上，如下表示从上往下渐变色 紫色到暗蓝色，
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                {offset: 0, color: 'rgba(28, 148, 154, 1)'},
                                {offset: 1, color: 'rgba(28, 148, 154, 0)'}
                            ]
                        )
                    }
                },

                data: []
            },]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    $("div#main5").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });

    $.ajax({
        url: "../data/getLast12Months",
        type: "get",
        async: false,
        dataType: "json",
        success: function (data) {

            if (data.code == 200) {

                if (data.data.lifaPins == 0 && data.data.fengrenPins == 0) {
                    $("#main5").css("display", "none");
                    $("#jin12").css("display", "");
                    return;
                }


                // 填入数据
                myChart.setOption({
                    xAxis: {
                        data: data.data.months
                    },
                    yAxis: [
                        {
                            max: data.data.yData,
                            interval: data.data.interval,
                        }
                    ],
                    series: [{
                        data: data.data.lifaPins,
                    }, {
                        data: data.data.fengrenPins,
                    }]
                });
                console.log(data.data)
            }
        }
    })
}

function searchBtn() {
    getUserinfoAge();
}

function getLayerOpenData(type, flag) {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main1-1'));
    // 指定图表的配置项和数据
    var option = {
        grid: {
            top: '0',
            left: '0',   //图表距边框的距离
            right: '20',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            /*boundaryGap: [0, 0.01],*/
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // x坐标轴的轴线颜色
                    width:0, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            axisLabel: {
                show: false
                /*textStyle: {
                    fontSize: 16,
                    color:'#666'
                }*/
            },
        },
        yAxis: {
            type: 'category',
            data: [],
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // y坐标轴的轴线颜色
                    width:1, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            /* axisLabel : {
                textStyle: {
                    fontSize:12,
                    color:'#333'
                }
            }, */
            axisLabel: {
                textStyle: {
                    fontSize: 12,
                    color: '#333'
                },
                interval: 0,
                formatter: function (params) {   //文字超出用...代替
                    console.log("params")
                    console.log(params)
                    if (params.length > 6)
                        return params.substring(0, 6) + '...';
                    else
                        return params;
                }
                /* formatter: function(value) {
                    if (value.length > 6) {
                        return value.substring(0, 6) + "...";
                    } else {
                        return value;
                    }
                } */
            }
        },
        series: [
            {
                type: 'bar',
                barWidth: '16',

                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(28, 147, 153, 0.06)',
                    barBorderRadius: [8, 8, 8, 8],
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: [8, 8, 8, 8],
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#3BC3C7'
                        }, {
                            offset: 1,
                            color: '#1C9399'
                        }]),
                        label: {
                            show: true,//是否展示
                            position: 'right',
                            textStyle: {
                                fontSize: 12,
                                color: '#333',
                            }
                        },
                    }
                },
                data: [],
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    $("div#main1-1").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });


    var data = {type: type, flag: flag, all: "all"}
    $.ajax({
        url: "../data/getPinByType",
        type: "get",
        data: data,
        async: false,
        dataType: "json",
        success: function (data) {

            if (data.code == 200) {

                if (data.data.names.length == 0 && type == 2) {
                    $("#data2").css("display", "none");
                    $("#main22").css("display", "");
                    return;
                } else if (data.data.names.length == 0 && type == 1) {
                    $("#data1").css("display", "none");
                    $("#main11").css("display", "");
                    return;
                }

                // 填入数据
                myChart.setOption({
                    xAxis: {
                        max: data.data.max,
                    },
                    yAxis: {
                        data: data.data.names,
                    },
                    series: [{
                        data: data.data.data,
                    }]
                });
                console.log(data.data)
            }
        }
    })

}


function getLayerOpenData2(type, flag) {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main1-2'));
    // 指定图表的配置项和数据
    var option = {
        grid: {
            top: '0',
            left: '0',   //图表距边框的距离
            right: '20',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            max: '600',
            /*boundaryGap: [0, 0.01],*/
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // x坐标轴的轴线颜色
                    width:0, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            axisLabel: {
                show: false
                /*textStyle: {
                    fontSize: 16,
                    color:'#666'
                }*/
            },
        },
        yAxis: {
            type: 'category',
            data: [],
            axisTick: {
                show: false  //去掉y轴刻度线
            },
            axisLine: {
                show: false
                /*lineStyle:{
                    color:'#F4F4F3', // y坐标轴的轴线颜色
                    width:1, //这里是坐标轴的宽度,为0就是不显示
                }*/
            },
            /* axisLabel : {
                textStyle: {
                    fontSize:12,
                    color:'#333'
                }
            }, */
            axisLabel: {
                textStyle: {
                    fontSize: 12,
                    color: '#333'
                },
                interval: 0,
                formatter: function (params) {   //文字超出用...代替
                    console.log("params")
                    console.log(params)
                    if (params.length > 6)
                        return params.substring(0, 6) + '...';
                    else
                        return params;
                }
                /* formatter: function(value) {
                    if (value.length > 6) {
                        return value.substring(0, 6) + "...";
                    } else {
                        return value;
                    }
                } */
            }
        },
        series: [
            {
                type: 'bar',
                barWidth: '16',

                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(28, 147, 153, 0.06)',
                    barBorderRadius: [8, 8, 8, 8],
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: [8, 8, 8, 8],
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#3BC3C7'
                        }, {
                            offset: 1,
                            color: '#1C9399'
                        }]),
                        label: {
                            show: true,//是否展示
                            position: 'right',
                            textStyle: {
                                fontSize: 12,
                                color: '#333',
                            }
                        },
                    }
                },
                data: [],
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    $("div#main1-2").css("width", "auto");
    $(window).resize(function () {
        myChart.resize();
    });


    var data = {type: type, flag: flag, all: "all"}
    $.ajax({
        url: "../data/getPinByType",
        type: "get",
        data: data,
        async: false,
        dataType: "json",
        success: function (data) {

            if (data.code == 200) {

                if (data.data.names.length == 0 && type == 2) {
                    $("#data2").css("display", "none");
                    $("#main22").css("display", "");
                    return;
                } else if (data.data.names.length == 0 && type == 1) {
                    $("#data1").css("display", "none");
                    $("#main11").css("display", "");
                    return;
                }

                // 填入数据
                myChart.setOption({
                    yAxis: {
                        data: data.data.names,
                    },
                    series: [{
                        data: data.data.data,
                    }]
                });
                console.log(data.data)
            }
        }
    })

}

